<script lang="ts" setup>
import { defineEmits, ref } from "vue"

const emit = defineEmits(["switchChange"])
interface Props {
  value: boolean
}

const props = withDefaults(defineProps<Props>(), {
  value: false
})

const switchChange = (e: any) => {
  emit("switchChange", e)
}

const data = ref(props.value)
</script>

<template>
  <el-switch v-model="data" active-color="#13ce66" @change="switchChange" inactive-color="#ff4949" />
</template>

<style lang="scss" scoped>
@import "@/styles/mixins.scss";

.table-link {
  text-decoration-color: var(--v3-body-bg-color);
  color: var(--v3-body-bg-color);
}
</style>
